<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html lang="en">

<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>问卷</title>
<base href="http://localhost:8080/Login3/">
<link rel="stylesheet"
	href="https://fonts.googleapis.com/css?family=Open+Sans:300,400">
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="css/materialize.min.css">
<link rel="stylesheet" href="css/tooplate.css">
<script type="text/javascript" src="js/jquery-1.7.2.js"></script>
<script type="text/javascript" src="js/materialize.min.js"></script>
<script type="text/javascript" src="js/survey.js"></script>
</head>

<body id="survey" class="font-weight-light">
	<div class="container tm-container-max-800">
		<div class="row">
			<div class="col-12">
				<header class="mt-5 mb-5 text-center">
					<h1 class="font-weight-light tm-form-title">体验问卷</h1>
					<p class="tm-form-description">欢迎填写问卷</p>
				</header>
				<form action="SaveQuestionnaire" method="post">
					<div class="tm-bg-black tm-form-block">
						<p class="mb-4">1. 对于功能，您的体验感是：</p>
						<ul class="ml-3">
							<li><label> <input class="with-gap" name="feeling"
									value="很好" type="radio" /> <span>A. 很好</span>
							</label></li>
							<li><label> <input class="with-gap" name="feeling"
									value="比较好" type="radio" /> <span>B. 比较好</span>
							</label></li>
							<li><label> <input class="with-gap" name="feeling"
									value="一般" type="radio" /> <span>C. 一般</span>
							</label></li>
							<li><label> <input class="with-gap" name="feeling"
									value="糟糕" type="radio" /> <span>D. 糟糕</span>
							</label></li>
						</ul>
					</div>
					<div class="tm-bg-black tm-form-block">
						<p class="mb-4">2. 对于界面，如果您有什么建议，请在下面注明：</p>
						<div class="row">
							<div class="col-xl-12 mb-4">
								<textarea class="p-3" name="backgroundsuggesstions" cols="30"
									rows="4" placeholder="Your Suggestions"></textarea>
							</div>

						</div>

					</div>
					<div class="tm-bg-black tm-form-block">
						<p class="mb-4">3. 对于功能，如果您有什么建议或需求，请在下面注明：</p>
						<div class="row">
							<div class="col-xl-12">
								<textarea class="p-3" name="functionsuggesstions" id="message"
									cols="30" rows="3" placeholder="Additional Message"></textarea>
							</div>
						</div>
					</div>
					<br>
					<br>
					<br>
					<div class="row">
						<div class="col-xl-6 col-lg-6 col-md-6 col-sm-6 col-xs-6 ml-auto mr-0 text-center">
							<button type="button" class="waves-effect btn-large btn-large-white px-4 black-text"
								id="quit" style="font-size: 25px">退&nbsp;&nbsp;&nbsp;&nbsp;出</button>
						</div>
						<div class="col-xl-6 col-lg-6 col-md-6 col-sm-6 col-xs-6 ml-auto mr-0 text-center">
							<button type="submit" class="waves-effect btn-large btn-large-white px-4 black-text"
								id="sub" style="font-size: 25px">提&nbsp;&nbsp;&nbsp;&nbsp;交</button>
						</div>
					</div>

					<div class="text-center mt-5">
						<span style="color: green" id="msg" style="font-size: 80px"><%=request.getAttribute("msg") == null ? "" : request.getAttribute("msg")%></span>
					</div>
				</form>
			</div>
		</div>
		<footer class="row tm-mt-big mb-3">
			<div class="col-xl-12">
				<p class="text-center black-text text-lighten-2 tm-footer-text-small">
					Copyright &copy; 2020 chen chuanfu</p>
			</div>
		</footer>
	</div>
</body>

</html>